<!-- 使用 el-icon 为 SVG 图标提供属性 -->
<template>
    <div class="warning custom-block" style="background-color:#fef0f0;"><p class="custom-block-title">WARNING</p><p>因为 HTML 标准已经定义了一个名为 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu" class="vp-link" target="_blank" rel="noreferrer">menu<svg preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> 的标签， 如果您注册的 <code>menu</code> 无法正常工作，您需要使用别名来渲染图标。</p></div>
  <div>
    <el-icon :size="size" :color="color">
      <Edit />
    </el-icon>
    <!-- 或者独立使用它，不从父级获取属性 -->
    <Edit/>
  </div>
</template>
<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>